@charset "utf-8";
/*
 * @Author paper
 * @Date: 2011-06-05
 * @Email: zhang.binjue@gmail.com
 * @introduce: 针对iphone4 safari css封装 
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;padding:0;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
    display:block;
}
body,button, input, select, textarea{font:12px/1.5 Tahoma,Arial,Helvetica,sans-serif;}
blockquote:before, blockquote:after,q:before, q:after {content:'';}
address, cite, dfn, em, var{font-style:normal;}
code, kbd, pre, samp, tt{font-family:"Consolas","Courier New", Courier, monospace;}
small{font-size:12px;}
em,strong{font-weight:bolder;}
ul, ol{list-style:none outside none}
abbr[title], acronym[title]{border-bottom:1px dotted;cursor:help;}
legend{color:#000;}
fieldset, img{border:none;}
button, input, select, textarea{font-size:100%;}
sup{vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;line-height:0;clear:both;visibility:hidden;font-size:0;}

/*===== 文字排版 =====*/
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.fb{font-weight:bolder;}
.fn{font-weight:normal;}
.t2{text-indent:2em;}
.lh150{line-height:150%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}
.unl{text-decoration:underline;}
.no_unl{text-decoration:none;}

/*===== 定位 =====*/
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clear{clear:both;}
.pr{position:relative;}
.pa{position:absolute;}
.zoom{zoom:1;}
.hidden{visibility:hidden;}
.none{display:none;}

/*===== 间距 =====*/
.mt5{margin-top:5px;}
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.m5{margin:5px;}

.mt10{margin-top:10px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.m10{margin:10px;}

.mt15{margin-top:15px;}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mb15{margin-bottom:15px;}
.m15{margin:15px;}

.pt5{padding-top:5px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p5{padding:5px;}

.pt10{padding-top:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p10{padding:10px;}

/*========= Loading... =============
 *<div id="p_loading_wrapper" class="p-loading-wrapper">
 	<div class="p-loading-main">
 		<div class="p-loading-box"><div class="p-loading-ball"></div></div>
 		<div class="p-msg" id="p_loading_wrapper_msg">Loading...</div>
 	</div>
	<div class="p-loading-bg"></div>
</div>
 * ===============================*/
.p-loading-main{
	width:120px;
	height:120px;
	position:absolute;
	z-index:99999;
	left:50%;
	top:50%;
	margin-left:-60px;
	margin-top:-60px;
	background-color:rgba(0,0,0,0.6);
	border-radius:20px;
}
.p-loading-main  .p-loading-box{
	margin:20px auto 0;
	width:40px;
	height:40px;
	
	-webkit-animation-name: p-loading;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	
	-moz-animation-name: p-loading;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
}
.p-loading-main .p-loading-ball{
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:rgba(255,255,255,0.8);
}
@-webkit-keyframes p-loading { 
	0% { -webkit-transform: rotate(0deg),opacity:1;} 
	50% { -webkit-transform: rotate(180deg);opacity:0;}
	100% { -webkit-transform: rotate(360deg);opacity:1;}
}
@-moz-keyframes p-loading { 
	0% { -moz-transform: rotate(0deg),opacity:1;} 
	50% { -moz-transform: rotate(180deg);opacity:0;}
	100% { -moz-transform: rotate(360deg);opacity:1;}
}
.p-loading-main .p-msg{
	text-align:center;
	padding:20px 0;
	color:#fff;
	text-shadow:0px -1px 0 #000;
}
.p-loading-bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:99998;
	background-color:rgba(0,0,0,0.5);
} 